<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,viewport-fit=cover">
    <title>优惠券领取成功</title>
    <link rel="stylesheet" href="../style/weui.css"/>
    <link rel="stylesheet" href="./example.css"/>

</head>

<body>

<div class="page__hd">
    <h1 class="page__title">虾迷（中海锦苑店）</h1>
    <p class="page__desc">复购优惠券</p>
</div>
<div class="page__bd">
    <div class="weui-msg">
        <div class="weui-msg__icon-area"><i class="weui-icon-success weui-icon_msg"></i></div>
        <div class="weui-msg__text-area">
            <h2 class="weui-msg__title">优惠券领取成功</h2>
            <p class="weui-msg__desc">恭喜您领取到虾迷火锅24元优惠券一张　<a href="http://yky.0o0.top/wx/index/detail.html"><br>点击查看</a></p>
        </div>
        <div class="weui-msg__opr-area">
            <p class="weui-btn-area">
                <a href="http://yky.0o0.top/wx/index/detail.html" class="weui-btn weui-btn_primary">查看详情</a>
                <a id="showToast" class="weui-btn weui-btn_default">分享好友</a>
            </p>
        </div>
        <div class="weui-msg__extra-area">
            <div class="weui-footer">
                <p class="weui-footer__links">
                    <a href="javascript:void(0);" class="weui-footer__link">郑州蚁卡营科技</a>
                </p>
                <p class="weui-footer__text">Copyright &copy; 2017-2018 www.yikaying.com</p>
            </div>
        </div>
    </div>
</div>
　　
<!--BEGIN toast-->
<div id="toast" style="display: none;">
    <div class="weui-mask_transparent"></div>
    <div class="weui-toast">
        <i class="weui-icon-success-no-circle weui-icon_toast"></i>
        <p class="weui-toast__content">分享成功</p>
    </div>
</div>
<!--end toast-->

<script type="text/javascript">
    // toast
    window.onload = function () {
        var $toast = $('#toast');
        $('#showToast').on('click', function () {
            if ($toast.css('display') != 'none') return;

            $toast.fadeIn(100);
            setTimeout(function () {
                $toast.fadeOut(100);
            }, 2000);
        });

        wx.config({
            debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
            appId: 'wxf28875858a6fdfe1', // 必填，公众号的唯一标识
            timestamp: '', // 必填，生成签名的时间戳
            nonceStr: '', // 必填，生成签名的随机串
            signature: '',// 必填，签名，见附录1
            jsApiList: [] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
        });

    }
</script>


<script src="./zepto.min.js"></script>
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script src="https://res.wx.qq.com/open/libs/weuijs/1.0.0/weui.min.js"></script>
<script src="./example.js"></script>

</body>
</html>
